<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>即时聊天</title>
    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
    <script src="/layui/layui.js"></script>
    <script src="/js/jquery-2.1.4.min.js"></script>

    <style>
        .captionCaption {
            height: 315px;
            overflow: hidden;
            position: relative;
            margin-top: 20px;
        }

        .captionCaption p {
            display: block;
            margin-block-start: 1em;
            margin-block-end: 1em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
        }

        #lyricContainer {
            /*text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000;*/
        }
        #captionContainer{
            position: relative;
        }
    </style>
</head>
<body>
<div class="layui-container">

    <div class="captionCaption">
        <form method="post" action="/api/test/upload" enctype="multipart/form-data">
            <input type="file" name="file">
            <input type="submit" value="upload">
        </form>
        <i class="layui-icon layui-icon-face-smile"></i>
    </div>
</div>


</body>
</html>